
/**
 * Container for the width and height of the view port.
 * @param width The width
 * @param height The height
 */
function ScreenDimension(width, height) {
	this.width = width;
	this.height = height;
}

var screenSize = {

	/**
	 * Calculates the screen size.
	 * @returns a container for the width and height of the view port.
	 */
	calculateViewPort : function() {
		var viewportwidth;
		var viewportheight;

		// the more standards compliant browsers (mozilla/netscape/opera/IE7)
		// use
		// window.innerWidth and window.innerHeight

		if (typeof window.innerWidth != 'undefined') {
			viewportwidth = window.innerWidth,
					viewportheight = window.innerHeight
		}

		// IE6 in standards compliant mode (i.e. with a valid doctype as the
		// first line
		// in the document)

		else if (typeof document.documentElement != 'undefined'
				&& typeof document.documentElement.clientWidth != 'undefined'
				&& document.documentElement.clientWidth != 0) {
			viewportwidth = document.documentElement.clientWidth,
					viewportheight = document.documentElement.clientHeight
		}

		// older versions of IE

		else {
					viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
					viewportheight = document.getElementsByTagName('body')[0].clientHeight
		}
		return new ScreenDimension(viewportwidth, viewportheight);
	}

}